/* Kaze-Kate, developed and maintained by Taufik Nurrohman */

.status-msg-wrap,
.widget .item-control {display:none}
.clear {clear:both}
#ArchiveList {text-align:left}
#ArchiveList .toggle-open {line-height:.6em}
#ArchiveList a.post-count-link,
#ArchiveList a.post-count-link:link,
#ArchiveList a.post-count-link:visited {text-decoration:none}
#ArchiveList a.toggle,
#ArchiveList a.toggle:link,
#ArchiveList a.toggle:visited,
#ArchiveList a.toggle:hover {text-decoration:none}

#ArchiveList .toggle {
  cursor:pointer;
  font-family:Arial,Sans-Serif;
}

#ArchiveList ul {
  list-style:none;
  list-style-image:none;
  border-width:0;
  margin:10px 0 0;
}

#ArchiveList ul li {
  background:none;
  list-style:none;
  list-style-image:none;
  list-style-position:outside;
  border-width:0;
  padding-left:15px;
  text-indent:-15px;
  margin:.25em 0;
  background-image:none;
}

#ArchiveList ul ul li {padding:0 0 0 1.2em}
#ArchiveList ul.posts li {padding:0 0 0 1.3em}
#ArchiveList .collapsed ul,
.sidebar .item-control {display:none}

.PopularPosts img {
  padding:0;
  margin:5px 10px 0 0;
  border:none;
  background-color:#111;
  float:left;
}

body {
  background:white url('') repeat 0 0;
  font:normal normal 13px/1.5 'Open Sans',Segoe,'Segoe UI',Calibri,Arial,Sans-Serif;
  color:#333;
  text-align:center;
  border-top:4px solid #654;
}

html,
input,
textarea,
select,
button {font:normal normal 13px 'Open Sans',Segoe,'Segoe UI',Calibri,Arial,Sans-Serif}

hr {
  border-top:1px solid #ddd;
  border-bottom:1px solid white;
}

a,a:visited {
  color:#314674;
  text-decoration:none;
}

a:hover {
  color:#213155;
  text-decoration:underline;
}

a:focus,
a:active {
  color:#552131;
  outline:none;
}

img,.no-thumb-outer {
  border:1px solid #eee;
  padding:4px;
  background-color:white;
}

h1,h2,h3,h4,h5,h6 {font-family:'Open Sans',Segoe,'Segoe UI',Calibri,Arial,Sans-Serif}

input,
textarea,
button,
select {
  border:1px solid #dcdcdc;
  background-color:white;
  color:#666;
  padding:2px;
  margin:0 0 1em;
  -webkit-box-shadow:inset 0 1px 2px -1px rgba(0,0,0,.4),0 1px 0 white;
  -moz-box-shadow:inset 0 1px 2px -1px rgba(0,0,0,.4),0 1px 0 white;
  box-shadow:inset 0 1px 2px -1px rgba(0,0,0,.4),0 1px 0 white;
}

input[type=button],
input[type=submit],
input[type=reset],
button,
a.btn {
  text-decoration:none;
  padding:3px 8px 2px;
  color:white;
  background-color:#173958;
  font-size:12px;
  font-weight:bold;
  border:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

input[type=text] {width:160px}
textarea {width:100%}

input[type=text]:focus,
textarea:focus {
  border-color:#39f;
  -webkit-box-shadow:inset 0 1px 2px -1px rgba(0,0,0,.2),0 0 3px #39f;
  -moz-box-shadow:inset 0 1px 2px -1px rgba(0,0,0,.2),0 0 3px #39f;
  box-shadow:inset 0 1px 2px -1px rgba(0,0,0,.2),0 0 3px #39f;
  -webkit-transition:all .26s ease-out;
  -moz-transition:all .26s ease-out;
  -ms-transition:all .26s ease-out;
  -o-transition:all .26s ease-out;
  transition:all .26s ease-out;
}

table[border="1"],
table[border="1"] th,
table[border="1"] td,
table.table th,
table.table td {
  border:1px solid #ccc;
  padding:1em 1.2em;
}

.outer-wrapper {
  width:1195px;
  margin:0 auto;
}

.site-header,
.site-footer {
  margin:2em 0;
  position:relative;
}

.site-header h1 {
  margin:0 0;
  font-family:'Berkshire Swash','Script MT Bold','Open Sans',Segoe,'Segoe UI',Calibri,Arial,Sans-Serif;
  color:#173958;
  font-size:300%;
}

.site-header h1 a {color:#173958}

.site-header p {
  margin:.2em 0 0;
  font-weight:bold;
}

.search-form {
  display:block;
  position:absolute;
  top:0;
  right:0;
}

.main-col {position:relative}

.main-col .left-col {width:48%}
.main-col .right-col {width:52%}
.left-col .sub-col {width:50%}

.item .main-col .left-col,
.static_page .main-col .left-col {width:57%}

.item .main-col .right-col,
.static_page .main-col .right-col {width:40%}

.right-col .sub-col.left-col,
.item .right-col .sub-col.left-col,
.static_page .right-col .sub-col.left-col {width:62.5%}
.right-col .sub-col.right-col {width:32.5%}

/* top links */
.top-links,
.top-links ul {
  height:40px;
  margin:0 0;
  padding:0 0;
}

.top-links li {
  list-style:none;
  float:left;
  display:inline;
  width:10%;
  margin:0 0;
  padding:0 0;
  position:relative;
}

.top-links a {
  display:block;
  color:#ddd;
  font-weight:bold;
  font-size:80%;
  border-left:1px solid #333;
  border-right:1px solid #111;
  text-decoration:none;
  text-transform:uppercase;
}

.top-links a:hover {
  color:white;
}

.top-links a span {
  display:block;
  background-color:#222;
  padding:.2em .4em;
  height:40px;
}

.top-links a:hover span {background-color:#2f2f2f}

.top-links li.has-ul a:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:4px solid transparent;
  border-top-color:white;
  position:absolute;
  top:22px;
  right:10px;
}

.top-links li.has-ul li a:after {display:none}

.top-links li ul {
  border:4px solid #333;
  position:absolute;
  top:100%;
  margin-top:10px;
  right:0;
  z-index:999;
  width:300px;
  height:auto;
  background-color:white;
  display:none;
}

.top-links li ul li {
  height:auto;
  width:auto;
  float:none;
  display:block;
}

.top-links li ul li a,
.top-links li ul li a:hover {
  padding:4px 5px;
  border:none;
  color:#123;
}

.top-links li ul li a:hover {color:#99f}

.top-links li ul li span a {
  text-transform:none;
  font-size:90%;
}
.top-links li ul li span span {
  display:block;
  font-size:84%;
  color:#333;
  padding:0 5px 0 10px;
  margin:-2px 0 7px;
}

.no-js .top-links li ul {margin-top:0}
.no-js .top-links li:hover ul {display:block}

/* learn islam nav */
.about-islam-nav {
  height:50px;
  margin:20px 0 18px;
}

.about-islam-nav ul {
  margin:0 0;
  padding:0 0;
}

.about-islam-nav li {
  list-style:none;
  float:right;
  display:inline;
  margin:0 0 0 2%;
  padding:0 0;
  width:32%;
}

.about-islam-nav li:first-child,
.about-islam-nav li.first-child {
  float:left;
  margin:0 0 0 0;
}

.about-islam-nav a {
  text-decoration:none;
  display:block;
  height:50px;
  line-height:50px;
  background-color:black;
  border:2px solid white;
  font-weight:bold;
  color:white;
  padding:0 10px 0 60px;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-transition:background-color .4s ease-out;
  -moz-transition:background-color .4s ease-out;
  -ms-transition:background-color .4s ease-out;
  -o-transition:background-color .4s ease-out;
  transition:background-color .4s ease-out;
}

.about-islam-nav li.facebook a {
  background:#365292 url('') no-repeat 13px 50%;
}
.about-islam-nav li.twitter a {
  background:#36A4CA url('') no-repeat 13px 50%;
}
.about-islam-nav li.google a {
  background:#BB3317 url('') no-repeat 13px 50%;
}

.about-islam-nav li a:hover {
  background-color:white;
  color:black;
  -webkit-transition-duration:0s;
  -moz-transition-duration:0s;
  -ms-transition-duration:0s;
  -o-transition-duration:0s;
  transition-duration:0s;
}

/* main photos */
.main-photo {
  margin:0 7px 0 0;
}

.main-photo .photo-img {
  height:300px;
  background-color:white;
  border:2px solid #ccc;
}

.main-photo .medsos {
  height:35px;
  line-height:35px;
  margin-top:10px;
}

.main-photo .medsos a {
  text-decoration:none;
  display:block;
  width:32%;
  margin:0 0 0 2%;
  float:right;
  background-color:#ccc;
  font-size:8px;
  font-weight:bold;
  text-transform:uppercase;
}

.main-photo .medsos a:first-child,
.main-photo .medsos a.first-child {
  float:left;
  margin:0 0;
}

.main-photo .medsos span {
  display:block;
  padding:0 14px 0 35px;
  color:#333;
  text-shadow:0 1px 0 white;
  -webkit-transition:all .4s ease-out;
  -moz-transition:all .4s ease-out;
  -ms-transition:all .4s ease-out;
  -o-transition:all .4s ease-out;
  transition:all .4s ease-out;
}

.main-photo .medsos .facebook {
  background:transparent url('') no-repeat 10px 50%;
}
.main-photo .medsos .twitter {
  background:transparent url('') no-repeat 10px 50%;
}
.main-photo .medsos .google {
  background:transparent url('') no-repeat 10px 50%;
}

.main-photo .medsos a:hover span {
  text-shadow:none;
  color:white;
}

.main-photo .medsos a:hover .facebook {background-color:#365292}
.main-photo .medsos a:hover .twitter {background-color:#56C2DB}
.main-photo .medsos a:hover .google {background-color:#BA2626}

/* posts homepage */
.posts-lists {
  margin:20px 3px 0 0;
  padding:0 0;
  list-style:none;
}

.posts-lists li {
  font-weight:bold;
  padding:0 0;
  margin:5px 7px 5px 3px;
  position:relative;
  height:80px;
  overflow:hidden;
}

.posts-lists li a {
  white-space:nowrap;
  overflow:hidden;
}

.posts-lists li span {
  display:block;
  font-size:85%;
  font-weight:normal;
}

.posts-lists li .footer {
  padding:2px 10px 3px;
  margin:5px 0 0;
  color:white;
  font-size:80%;
  background-color:#ccc;
  border-top:2px solid #347E95;
  overflow:hidden;
}

.posts-lists li .footer a {
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
}

.posts-lists .comment-text {
  background:transparent url('') no-repeat 0 90%;
  padding-left:15px;
}

/* post non homepage */
.item .main-col .left-col {
  position:relative;
  width:58%;
}

.vertical-side-floating-bar {
  position:absolute;
  top:3em;
  left:-20px;
  z-index:99;
  width:70px;
  font-size:90%;
}

.sticky-1 {
  margin:1em 0 0;
  z-index:9999;
}

/* post index */
.index #blog-pager,
.index .post-snippet {
  background-color:white;
  border:1px solid #eee;
  height:30px;
  line-height:30px;
  padding:0 1em;
  margin:0 .5em 0;
}

.index .post-snippet {
  margin-bottom:.5em;
  height:auto;
  line-height:inherit;
  padding:.5em .8em;
}

#navigationMenu,#navigationMenu li{margin:0 0;padding:0 0}
#navigationMenu li{list-style:none;height:39px;padding:2px;width:40px;margin-left:auto}
#navigationMenu span{width:0;left:38px;padding:0;position:absolute;overflow:hidden;font-size:18px;font-weight:bold;white-space:nowrap;line-height:39px;-webkit-transition:0.25s;-moz-transition:0.25s;-o-transition:0.25s;transition:0.25s}
#navigationMenu a{background:url('') no-repeat;height:39px;width:38px;display:block;position:relative}
#navigationMenu a:hover span{width:auto;padding:0 20px;overflow:visible}
#navigationMenu a:hover{text-decoration:none;-moz-box-shadow:0 0 5px #9ddff5;-webkit-box-shadow:0 0 5px #9ddff5;box-shadow:0 0 5px #9ddff5}
#navigationMenu .home{background-position:0 0}
#navigationMenu .home:hover{background-position:0 -39px}
#navigationMenu .home span{background-color:#7da315;color:#3d4f0c;text-shadow:1px 1px 0 #99bf31}
#navigationMenu .about{background-position:-38px 0}
#navigationMenu .about:hover{background-position:-38px -39px}
#navigationMenu .about span{background-color:#1e8bb4;color:#223a44;text-shadow:1px 1px 0 #44a8d0}
#navigationMenu .services{background-position:-76px 0}
#navigationMenu .services:hover{background-position:-76px -39px}
#navigationMenu .services span{background-color:#c86c1f;color:#5a3517;text-shadow:1px 1px 0 #d28344}
#navigationMenu .portfolio{background-position:-114px 0}
#navigationMenu .portfolio:hover{background-position:-114px -39px}
#navigationMenu .portfolio span{background-color:#d0a525;color:#604e18;text-shadow:1px 1px 0 #d8b54b}
#navigationMenu .contact{background-position:-152px 0}
#navigationMenu .contact:hover{background-position:-152px -39px}
#navigationMenu .contact span{background-color:#af1e83;color:#460f35;text-shadow:1px 1px 0 #d244a6}

.sticky-2 {
  padding:8px 7px 3px;
  margin:0 0 1.7em;
}

.sticked {
  background-color:white;
  z-index:999;
}

.item .date-header {
  display:block;
  background-color:white;
  border-top:4px solid #607E04;
  padding:.5em .6em;
}

.date-header span {
  display:block;
  text-align:center;
  font:normal normal 12px Arial,Sans-Serif;
}

.date-header .date {
  font-weight:bold;
  font-size:300%;
}

.post {
  background-color:white;
  padding:1em;
  color:#222;
  margin:0 0 2em 65px;
}

.static_page .post {margin-left:0}

.post blockquote {
  background-color:#ffa;
  padding:.7em 1em;
  border-left:4px solid #fca;
}

.post-title,
.post-title a {
  text-align:center;
  font-family:'Berkshire Swash','Script MT Bold','Open Sans',Segoe,'Segoe UI',Calibri,Arial,Sans-Serif;
  color:#333;
}

.post img {
  background-color:#99f;
  border:none;
}

.item .post img,
.static_page .post img {
  max-width:94%;
  height:auto;
}

.comments,
.post-footer {
  margin:1em 0 0;
}

.comments .avatar-image-container {
  margin:0 0 3px;
  max-width:none;
  max-height:none;
  width:auto;
  height:auto;
  float:none;
}

.comments .avatar-image-container img {
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  overflow:visible;
  float:none;
  border:1px solid #eee;
}

.cm_wrap {
  clear:both;
  margin-bottom:4px;
  width:100%;
  float:right;
  position:relative;
}

.cm_head {
  width:58px;
  position:absolute;
  top:0;
  left:0;
}

.cm_reply a {
  display:block;
  width:auto;
  margin:0 3px 3px 0;
  padding:2px 0;
  text-transform:none;
  text-align:center;
  font-size:80%;
  font-weight:bold;
  background-color:#314674;
  color:white;
  text-transform:uppercase;
  text-decoration:none;
}

.cm_reply .item-control {display:block !important}
.cm_reply .item-control img {
  border:none;
  padding:0 0;
  background:none;
  display:block;
  margin:2px auto;
}

.cm_reply a:focus,
.cm_reply a.clicked {background-color:#222}

.cm_entry {
  margin:0 0 0 58px;
  padding:16px 16px;
  background-color:white;
  border:1px solid #eee;
  overflow:hidden;
  position:relative;
}

.cm_entry .author-mark {
  display:block;
  width:0;
  height:0;
  border:12px solid transparent;
  border-color:transparent #234 #234 transparent;
  position:absolute;
  right:0;
  bottom:0;
}

.cm_entry .para {
  word-wrap:break-word;
  padding:5px 10px;
  border:1px solid #eee;
}

.cm_info {
  background-color:#eee;
  padding:7px 10px 6px;
  margin:0 0 2px;
}

.cm_name {
  font-weight:bold;
  font-style:normal;
  float:left;
}

.cm_date {
  color:#999;
  float:right;
}

.cm_pagenavi {
  font-size:10px;
  text-transform:uppercase;
  color:#666;
  font-weight:bold;
}

.cm_pagenavi a {
  color:#666;
  padding:10px;
}

.cm_pagenavi span {
  color:#888;
  background-color:white;
  padding:4px;
}

.comment-form {margin:3em 0}
#cancel-answer {display:none}
.cm_wrap #cancel-answer {display:inline}

.quick-tool-block {
  background-color:white;
  padding:1.2em;
}

.quick-tool-block .scroll-area {
  height:200px;
  overflow:auto;
  border:1px solid #ccc;
  -webkit-box-shadow:inset 0 1px 2px -1px rgba(0,0,0,.4);
  -moz-box-shadow:inset 0 1px 2px -1px rgba(0,0,0,.4);
  box-shadow:inset 0 1px 2px -1px rgba(0,0,0,.4);
  padding:1em;
}

.quick-tool-block .scroll-area ul {margin:0 0 1em 1em}
.quick-tool-block .pull-left {width:57%}
.quick-tool-block .pull-right {width:40%}

.article-raw {
  width:100%;
  height:300px;
  resize:none;
}

/* related posts */
#dte_recent-post {
  margin:0 0;
  padding:0 0;
  margin:0 auto;
  overflow:hidden;
  color:inherit;
  font:inherit;
  font-size:90%;
  line-height:normal;
}

#dte_recent-post:after {
  content:"";
  display:table;
  clear:both;
}

#dte_recent-post li {
  list-style:none;
  padding:7px 7px;
  width:46%;
  height:120px;
  border:1px solid #eee;
  overflow:hidden;
  float:left;
  margin:0 1px 1px 0;
}

#dte_recent-post li a {
  font-weight:bold;
  display:block;
  margin:0 0 .4em;
}

#dte_recent-post li a img {
  float:left;
  margin:0 10px 0 0;
  padding:0 0;
  border:none;
  background:transparent;
  outline:none;
}

#dte_recent-post li a.title {
  display:block;
  font-size:12px;
}

#dte_recent-post li span.foot {
  clear:both;
  display:block;
  color:#555;
  margin-top:7px;
  font-size:90%;
}

#dte_recent-post {
  margin:0 0;
  padding:0 0;
  margin:0 auto;
  overflow:hidden;
  color:inherit;
  font:inherit;
  font-size:90%;
  line-height:normal;
}

#dte_recent-post:after {
  content:"";
  display:table;
  clear:both;
}

#dte_recent-post li {
  list-style:none;
  margin:0 2px 2px 0;
  padding:7px 7px;
  width:47%;
  float:left;
}

#dte_recent-post li a {
  font-weight:bold;
  display:block;
  margin:0 0 .4em;
}

#dte_recent-post li a img {
  float:left;
  margin:0 10px 0 0;
  padding:0 0;
  border:none;
  background:transparent;
  outline:none;
}

#dte_recent-post li a.title {
  display:block;
  font-size:12px;
}

#dte_recent-post li span.foot {
  clear:both;
  display:block;
  color:#555;
  margin-top:7px;
  font-size:90%;
}

/* subscribe area */
.social {overflow:hidden}

.social img {
  height:36px;
  width:36px;
  display:block;
  margin:0 10px 0 0;
  float:left;
}

/* ads */
.ad img {padding:0;border:none}
.ad-300,.ad-125,.ad-150 {margin:0 0 1em}
#ad-235 {margin:2em 0 0}

/* tabs widget */
.tab-area {
  padding:10px;
  background-color:white;
  overflow:hidden;
  margin:1em 0;
}

.tab-unit {
  background:none;
  margin:0 0 1em;
}

.tab-unit a {
  display:block;
  text-align:center;
  float:left;
  background-color:#222;
  color:white;
  width:31.2%;
  height:28px;
  line-height:30px;
  margin:0 3.2% 0 0;
  font-size:86%;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
}

.tab-unit a.active {
  background-color:#173958;
  color:white;
}

.Label {overflow:hidden}

.Label .label-size {
  font-weight:bold;
  background-color:#eee;
  padding:5px 10px;
  font-size:96%;
  margin:0 2px 2px 0;
  display:block;
  float:left;
}

.tab-unit a.last-child,
.tab-unit a:last-child {
  margin-right:0;
  float:right;
}

/* menu above slideshow */
.tab-links {
  list-style:none;
  margin:0 0 0 -4px;
  padding:0 0;
  height:30px;
}

.tab-links li {
  float:left;
  display:inline;
  width:25%;
}

.tab-links a {
  text-decoration:none;
  display:block;
  padding:0 15px 0 34px;
  margin:0 0 0 4px;
  position:relative;
  background-color:#553958;
  background-repeat:no-repeat;
  background-position:6px 50%;
  color:white;
  font-weight:bold;
  font-size:85%;
  text-transform:uppercase;
  line-height:30px;
  height:30px;
  -webkit-transition:all .4s ease-out;
  -moz-transition:all .4s ease-out;
  -ms-transition:all .4s ease-out;
  -o-transition:all .4s ease-out;
  transition:all .4s ease-out;
}

.tab-links li:nth-child(1) a {
  background-image:url('');
}
.tab-links li:nth-child(2) a {
  background-image:url('');
}
.tab-links li:nth-child(3) a {
  background-image:url('');
}
.tab-links li:nth-child(4) a {
  background-image:url('');
}

.tab-links a:hover {background-color:#222}

/* slideshow */
.slideshow {
  border:4px solid #222;
  background-color:#222;
  height:300px;
  margin:5px 0 0;
  overflow:hidden;
  max-width:616px;
}

.nivoSlider {
  position:relative;
  width:616px;
  height:246px;
}

.nivoSlider img {
  position:absolute;
  top:0;
  left:0;
  display:none;
}

.nivoSlider a {
  border:0;
  display:block;
}

.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}

.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}

.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}

.nivo-caption {
  position:absolute;
  left:0;
  bottom:0;
  background-color:black;
  color:white;
  opacity:0.8;
  width:100%;
  z-index:8;
}

.nivo-caption p {
  padding:5px 10px;
  margin:0;
}

.nivo-caption a {display:inline !important}
.nivo-html-caption {display:none}

.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}

.nivo-prevNav {left:0}
.nivo-nextNav {right:0}

.nivo-controlNav {
  position:absolute;
  top:100%;
  margin-top:3px;
  left:0;
}

.nivo-controlNav a {
  font-size:10px;
  color:white;
  text-decoration:none;
  position:relative;
  z-index:9;
  cursor:pointer;
  background-color:#111;
  width:20px;
  padding:2px 0 3px;
  margin:0 4px 0 0;
  text-align:center;
  display:inline-block;
}

.nivo-controlNav a.active {background-color:#9D4606}

.nivo-directionNav a {
  display:block;
  border:0;
  color:white;
  font:bold 10px Verdana,Arial,Sans-Serif;
  background-color:black;
  padding:5px 8px 6px;
}

.nivo-directionNav a:hover {background-color:#3399ff}

a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}

a.nivo-prevNav {left:15px}

.nivo-caption {font:bold 12px Arial,Sans-Serif}

.nivo-caption a {
  color:#fff;
  border-bottom:1px dotted #fff;
}

.nivo-caption a:hover {color:#fff}

/* footer group */
.footer-group {
  margin:2em 0;
}

.footer-group .widget-item {
  width:25%;
}

.footer-group .widget {
  padding:1em;
}

/* widget */
.widget-bar {
  min-height:20px;
  margin:0 0 1em;
  background-color:white;
  padding:1em;
}

.widget-bar-1 {
  background-color:#ffa;
}

.sidebar .widget h2 {
  margin:0 0 1em;
  font-weight:bold;
  font-size:110%;
  color:#BB3317;
  text-transform:uppercase;
}

.sidebar .widget ul,
.sidebar .widget ol,
.sidebar .widget li {
  margin:0 0;
  padding:0 0;
  list-style:none;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid white;
}

.sidebar .widget li {
  padding:5px 0;
  border:none;
  border-top:1px solid white;
  border-bottom:1px solid #e5e5e5;
}

.site-footer {
  padding-top:1em;
  border-top:4px solid #ddd;
  font-size:90%;
}

.top-links,
.top-links li ul,
.about-islam-nav li a,
.slideshow,
.tab-area,
.tab-links a,
.main-photo .medsos a,
.post,
.date-header,
.quick-tool-block,
.cm_reply a,
.widget-bar,
.sticked {
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}

@media (max-width:1278px) {
  body:before {
    content:"Kudu pakek laptop yang gedean sob!";
    display:block;
    position:absolute;
    top:0;
    left:50%;
    width:220px;
    margin-left:-110px;
    padding:4px 0;
    text-align:center;
    background-color:#ffa500;
    color:white;
    font-size:90%;
  }
}